/*
 *  Copyright 2022 Collate.
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *  http://www.apache.org/licenses/LICENSE-2.0
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */

/* Last Run Status Related CSS */
.run-status {
  height: 20px;
  margin: 0px 2px;
  display: inline-block;
}

.run-status.icon {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: #28a745;
  margin-right: 5px;
}

.run-status.long {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: #ffffff;
  padding: 1px 18px 3px;
}

.run-status.short {
  width: 10px;
}

.last-run-status-container {
  display: inline-block;
}

/* Colors */
.run-status.success,
.run-status.short.success {
  background: #28a745;
}

.run-status.failed,
.run-status.short.failed {
  background: #cb2431;
}

.run-status.unknown,
.run-status.short.unknown {
  background: #cccccc;
}

.quality-card-heading {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  color: #5e5c58;
  margin-right: 16px;
}

.quality-card-header {
  margin-bottom: 10px;
}

.quality-card-bold-text,
.quality-card-text {
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
  color: #5e5c58;
  margin-right: 4px;
}

.quality-card-text {
  font-weight: 400;
}

.quality-card-bold-text {
  font-weight: 600;
}

.quality-card-container {
  background: #ffffff;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  padding-top: 10px;
  padding-bottom: 19px;
  padding-left: 16px;
  width: 300px;
}

/* Page Toggle CSS */
.btn-page-toggle {
  background: #ffffff;
  border: 1px solid #2eaadc;
  box-sizing: border-box;
  border-radius: 4px;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  color: #2eaadc;
  padding-top: 5px;
  padding-bottom: 6px;
}

.btn-page-toggle:hover {
  color: #2eaadc;
}

.btn-page-toggle.active:hover {
  color: #ffffff;
}

.btn-page-toggle.active {
  background: #2eaadc;
  border-radius: 3px;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  color: #ffffff;
}

.page-toggle-container {
  width: 300px;
}

.sl-box .sl-box-header .sl-title a {
  color: inherit;
}
.sl-box .sl-box-header .sl-title a:focus,
.sl-box .sl-box-header .sl-title a:hover {
  color: inherit;
  text-decoration: none;
}

.text-grey {
  color: #888888;
}

.flex-auto {
  flex: auto;
}

.quality-status-icon {
  font-size: 14px;
  vertical-align: middle;
}
